<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shoutcut icon" href="favicon.ico">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/list.css">

</head>

<body>
    <div class="shoutcut">
        <div class="w">
            <div class="l">
                <ul>
                    <li>品优购欢迎您！</li>
                    <li><a href="">请登录</a><a href="">免费注册</a></li>
                </ul>
            </div>
            <div class="r">

                <ul>
                    <li><a href="">我的订单</a></li>
                    <li>|</li>
                    <li class="b"><a href="">我的品优购</a></li>
                    <li>|</li>
                    <li><a href="">品优购会员</a></li>
                    <li>|</li>
                    <li><a href="">企业采购</a></li>
                    <li>|</li>
                    <li class="b"><a href="">关注品优购</a></li>
                    <li>|</li>
                    <li class="b"><a href="">客户服务</a></li>
                    <li>|</li>
                    <li class="b"><a href="">网站导航</a></li>

                </ul>
            </div>
        </div>
    </div>
    <!-- header -->
    <div class="header w" id="header">
        <div class="logo">
            <h1>
                <a href="index.html" title="品优购商城">品优购商城</a>
            </h1>
            <div class="miaosha"></div>
        </div>
        <div class="miaosha"></div>
        <div class="search">
            <div class="sear">
                <input type="text" placeholder="语言开发"><button>搜索</button>
            </div>
            <div class="hot">
                <ui>
                    <li><a href="">优惠购首发</a></li>
                    <li><a href="">亿元优惠</a></li>
                    <li><a href="">9.9元团购</a></li>
                    <li><a href="">美满99减30</a></li>
                    <li><a href="">办公用品</a></li>
                    <li><a href="">通信</a></li>
                </ui>
            </div>

            <!-- <a href="">我的购物车</a> -->

        </div>
        <div class="shop">
            <div class="tu"></div>
            <a href="">我的购物车</a>
            <i>8</i>
        </div>
        </h1>
    </div>
    <!-- nav -->
    <nav class="nav" id="nav">
        <div class="w">
            <div class="sk">
                <ul class="n">
                    <li><a href="">品优秒杀</a></li>
                    <li><a href="">即将售空</a></li>
                    <li><a href="">精品秒杀</a></li>
                </ul>
                <ul class="v">
                    <li><a href="">女装</a></li>
                    <li><a href="">女鞋</a></li>
                    <li><a href="">男鞋</a></li>
                    <li><a href="">母婴用品</a></li>
                    <li><a href="">精品男装</a></li>
                    <li><a href="">食品</a></li>
                    <li><a href="">数码相机</a></li>
                    <li><a href="">智能家电</a></li>
                    <li><a href="">更多分类</a></li>
                </ul>
            </div>

            <!-- list -->
            <div class="list">
                <div class="w">
                    <div class="nvxie">
                    </div>
                    <div class="ph_list">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>

                    </div>
                </div>
            </div>



        </div>

        <!-- footer -->
        <footer class="footer " id="footer">
            <div class="w">
                <div class="first">
                    <ul>
                        <li><i></i>
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </li>
                        <li><i></i>
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </li>
                        <li><i></i>
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </li>
                        <li><i></i>
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </li>
                        <li><i></i>
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </li>
                    </ul>
                </div>
                <div class="c">
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd>购物流程</dd>
                        <dd>会员介绍</dd>
                        <dd>生活旅行/团购</dd>
                        <dd>常见问题</dd>
                        <dd>大家电</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl class="last_dl">
                        <dt>购物指南</dt>
                        <dd class="wechat"></dd>
                        <dd>品优购客户端</dd>

                    </dl>

                </div>
                <div class="last">
                    <ul>
                        <li>联系我们 </li>
                        <li>联系客服</li>
                        <li>商家入驻</li>
                        <li>营销中心</li>
                        <li>手机品优购</li>
                        <li>友情链接</li>
                        <li>销售联盟</li>
                        <li>品优购社区</li>
                        <li>品优购公益</li>
                        <li>English Site</li>
                        <li>Contact Uf</li>
                    </ul>
                    <div class="p1">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱:
                        zhanghj+itcast.cn
                    </div>
                    <p class="p">京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>

        </footer>


</body>

</html>